<template>
  <div class="box">
    <h1>pinia</h1>
    <div class="container">
      <Child></Child>
      <Child1></Child1>
    </div>
  </div>
</template>

<script setup lang="ts">
  // vuex: 集中式管理状态容器，可以实现任意组件之间的通信
  // 核心概念：state，mutations，actions，getters，modules

  // pinia：集中式管理状态容器，可以实现任意组件之间的通信
  // 核心概念：state，actions，getters
  // 选择式api，组合式
  import Child from './Child.vue';
  import Child1 from './Child1.vue';
</script>

<style scoped>
.box {
  width: 600px;
  height: 400px;
  background: skyblue;
}
.container{
  display: flex;
}
</style>